<template>
    <div class="AHeader" v-if="list.img">
        <img class="img" :src="list.img.url" alt="">
        <div :class="{AAA:true}">
            <div :class="{bgc:isCK,bgc1:!isCK}">
                <router-link to="/individual">私人定制</router-link>
            </div>
            <div :class="{bgc1:isCK,bgc:!isCK}">
                <router-link to="/individual/team">企业定制</router-link>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        list: [Object, Array],
        isCK: Boolean,
    },
    data() {
        return {

        };
    },
};
</script>

<style lang="scss" scoped>
.AHeader {
    position: relative;
    .AAA {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        display: flex;
        div {
            flex: 1;
            width: 3rem;
            line-height: 0.6rem;
            border-radius: 10% 10% 0 0;
            text-align: center;
            font-weight: 600;
            opacity: 0.7;
        }
    }
}
.bgc1 {
    background-color: #000000;
    a {
        color: aliceblue;
        display: inline-block;
        width: 100%;
        height: 100%;
    }
}
.bgc {
    background-color: whitesmoke;
    a {
        color: rgb(229, 27, 27);
    }
}
.img {
    width: 100%;
    height: 50vw;
}
</style>